.text {
	border: 1px solid red;
}

u-input {
	autocomplete: 'off';
}

/* 基准高度 */
.hg100 {
	height: 100vh;
}

/* 定位 */
.pore {
	position: relative;
}

/* flex常用css */
.flex {
	display: flex;
}

.column {
	flex-direction: column;
}

.f1 {
	flex: 1;
}

.f2 {
	flex: 2;
}

.jcc {
	justify-content: center;
}

.aic {
	align-items: center;
}

.jcsb {
	justify-content: space-between;
}

.jcsa {
	justify-content: space-around;
}

.jcse {
	justify-content: space-evenly;
}

.jce {
	justify-content: flex-end;
}

.fww {
	flex-wrap: wrap;
}

.shrink0 {
	flex-shrink: 0;
}

/* 颜色常用css */
.mc {
	color: #8ba3c7;
}

.wbc {
	background-color: #fff;
}

.mbc {
	background-color: #e6e6e6;
}

.gbc {
	background-color: #07c160;
}

.gc {
	color: #60cf95;
}

.cr {
	color: rgb(253, 91, 91);
}

.cf {
	color: #fff;
}

.c0 {
	color: #000000;
}

.c3 {
	color: #333333;
}

.ce {
	color: #eee;
}

.c5 {
	color: #555555;
}

.c6 {
	color: #666666;
}

.c8 {
	color: #888888;
}

.c9 {
	color: #999999;
}

.c07 {
	color: #07c160;
}

.cblue {
	color: #20b6ff;
}

.cf3 {
	color: #f3c;
}

/* 间距常用CSS */
.pd0 {
	padding: 0px !important;
}

.pd8 {
	padding: 8px;
}

.pd20 {
	padding: 20rpx;
}

.pd40 {
	padding: 40rpx;
}

.pd60 {
	padding: 60rpx;
}

.pdh20 {
	padding: 0 20rpx;
}

.ma {
	margin-left: auto;
	margin-right: auto;
}

.mg10 {
	margin: 10rpx;
}

.mg20 {
	margin: 20rpx;
}

.mg40 {
	margin: 40rpx;
}

.mg60 {
	margin: 60rpx;
}

.mg80 {
	margin: 80rpx;
}

.mg100 {
	margin: 100rpx;
}

.mgt10 {
	margin-top: 10rpx;
}

.mgt20 {
	margin-top: 20rpx;
}

.mgt40 {
	margin-top: 40rpx;
}

.mgt80 {
	margin-top: 80rpx;
}

.mgb10 {
	margin-bottom: 10rpx;
}

.mgb20 {
	margin-bottom: 20rpx;
}

.mgb40 {
	margin-bottom: 40rpx;
}

.mgb80 {
	margin-bottom: 80rpx;
}

.mgl10 {
	margin-left: 10rpx;
}

.mgl20 {
	margin-left: 20rpx;
}

.mgl40 {
	margin-left: 40rpx;
}

.mgl60 {
	margin-left: 60rpx;
}

.mgr10 {
	margin-right: 10rpx;
}

.mgr20 {
	margin-right: 20rpx;
}

.mgr30 {
	margin-right: 30rpx;
}

.mgr40 {
	margin-right: 40rpx;
}

.mgla {
	margin-left: auto;
}

/* 横纵样式 */
.mgy10 {
	margin: 10rpx 0;
}

.mgy40 {
	margin: 40rpx 0;
}

.h100 {
	height: 100rpx;
}

.h400 {
	height: 400rpx;
}

.w100 {
	width: 100%;
}

.w150 {
	width: 150rpx;
}

/* 字体常用CSS */
.fwb {
	font-weight: bold;
}

.fs18 {
	font-size: 18rpx;
}

.fs24 {
	font-size: 24rpx;
}

.fs28 {
	font-size: 28rpx;
}

.fs32 {
	font-size: 32rpx;
}

.fs36 {
	font-size: 36rpx;
}

.fs40 {
	font-size: 40rpx;
}

.fs44 {
	font-size: 44rpx;
}

.fs48 {
	font-size: 48rpx;
}

.fs60 {
	font-size: 60rpx;
}

.tac {
	text-align: center;
}

.toe {
	text-overflow: ellipsis;
}

.tar {
	text-align: right;
}

.wba {
	word-break: break-all;
}

.lh17 {
	line-height: 1.7;
}

.lh20 {
	line-height: 2;
}

.lh40 {
	line-height: 4;
}

.text-justify-none {
	text-justify: none;
}

.vab {
	vertical-align: bottom;
}

/* 组件常用css */
.br {
	border-radius: 20rpx;
}

.hr {
	margin: 10rpx 0;
	border-top: 1px solid #ccc;
}

.card {
	margin: 40rpx;
	background-color: #fff;
	padding: 25rpx;
	border-radius: 12rpx;
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px,
		rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
}

.tag {
	padding: 10rpx;
	border-radius: 10rpx;
	background-color: var(--primary-color);
	color: var(--primary-main-txtColor);
}

.cardConent {
	width: 700px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}